<template>
    <view class="login">
        <view class="title">
            养老护理员  
        </view>
        <view class="input-item">
            <uni-section title="手机号" type="line"></uni-section>
            <view class="email-input">
                <input class="popup-content-input" v-model="data.phone" placeholder="请输入手机号" />
                <!-- <view class="send" @click="handleSend">{{ time ? time + 's' : '发送验证码'}}</view> --> 
            </view>
        </view>
        <view class="input-item">  
            <uni-section title="密码" type="line"></uni-section>
            <input class="popup-content-input" v-model="data.password" placeholder="请输入登录密码" :password="showPassword"/>
        </view> 
		<view class="input-item">  
			<checkbox-group>
				<checkbox type="checkbox"  :checked='rememberPsw' @click="rememberPsw = !rememberPsw" color="#09CC86"/>
				记住账号密码
			</checkbox-group>
			
		</view> 	
        <view class="common-button" >
            <u-button :disabled="logindisabled"
                type="primary"  text="登录" @click="handleValidate"
            	  color="linear-gradient(to right, rgb(254, 223, 77), rgb(255, 211, 77))"
            ></u-button>
		  <u-button></u-button>
        </view>
		
    </view>
</template>

<script>
	import uButton from "@/pagesB/uview-ui/components/u-button/u-button";
	import {
	    mapMutations,mapState
	} from 'vuex';
    export default {
		components: {
		    uButton
		},
        data() {
            return {
				rememberPsw:true,//复选框状态 默认勾选
				showPassword:true,
				logindisabled:false,
                _id: "", //发送成功验证码标识
                email: '15327@qq.com', //需发送验证码的目标邮箱
                code: "", //验证码
                capacity: 6, //验证码位数（1-8位），默认：6位
                time: 0,
				data:{
					id:"",
					phone:"",//17687214121
					password:"",//admin123
					name:"黄师傅",
					isOnline:false,//控制在线
					isDispatch:false,//控制自动接派单
					technicianLevel:"一级"
				},
				openid:"",
            };
        },
		mounted() {
		//	this.logout()
		 //this.getopenid()
		 //取出缓存中的账号、密码
			const HBusername = uni.getStorageSync('HBusername');
			const HBpassword = uni.getStorageSync('HBpassword');
			//console.log("缓存的账号:",HBusername)
			//console.log("缓存的密码:",HBpassword)
			//有账号、密码就赋值给文本，没有就清空
			if (HBusername && HBpassword) {
				this.data.phone = HBusername;
				this.data.password = HBpassword;
			}
		
		},
		computed: {
			//获取是否登录
			...mapState(['userInfo']) 
		},
        methods: {
			...mapMutations(['login','logout']),
            /**
             * 发送验证码
             */
            async handleSend() {
                
            },
			//获取技师信息
			getTechnician(idnum){
				this.request.getRequest(this.http.httpsLian.getTechnician,{id:idnum})
				.then(res => { 
					console.log("技师信息："+JSON.stringify(res.data))
					this.login(res.data);
					//uni.$u.toast(res.msg)
				}).catch(res => {
					//uni.$u.toast(res)
				})	
			},
            /**
             * 登录
             */
            async handleValidate() {
			   console.log("技师openid：",this.openid)
				//this.login(this.data);  
				//this.logindisabled=true
                if (!this.data.password || !this.data.phone) {
                    uni.showToast({
                        title: this.data.phone? '请输入密码' : '请输入手机号码',
                        icon: 'none'
                    })
                    return
                }
				this.request.loginRequest(this.http.httpsLian.Login,{
					openid:this.openid,
					mobile:this.data.phone,
					password:this.data.password
				}, true)
				.then(res => { 
					//console.log("sss："+JSON.stringify(res))
					if (res.code == 0) {
						this.data.id=res.data.userId
					    //uni.setStorage({key: 'LoginTK',data: this.data})
						uni.setStorageSync("token", res.data.accessToken);
						uni.setStorageSync("mobile", this.data.phone);
						//勾选就缓存账号、密码
						if (this.rememberPsw) {
							uni.setStorageSync('HBusername', this.data.phone);
							uni.setStorageSync('HBpassword', this.data.password);
							const HBusername = uni.getStorageSync('HBusername');
							const HBpassword = uni.getStorageSync('HBpassword');
							//console.log("勾选缓存的账号:",HBusername)
							//console.log("勾选缓存的密码:",HBpassword)
						} else {//销毁缓存中的账号、密码
							uni.removeStorageSync('HBusername');
							uni.removeStorageSync('HBpassword');
						}
						
						//获取技师信息
						this.getTechnician(res.data.userId)
						uni.showToast({
							title: '登录成功',
							icon: 'success',
							duration: 1500
						})  
						setTimeout(() => {
							 uni.switchTab({
							 	url: '/pages/index/index'
							 });
							 this.logindisabled=false
						}, 1500);
						return
					}else{uni.$u.toast(res.msg)}
				}).catch(res => {
					console.log(res)
					uni.$u.toast(res)
				})	
				/* 
				uni.setStorage({
				    key: 'LoginTK', 
				    data: this.data,
				    success () {
						uni.showToast({
						    title: "存储成功",
						    icon: 'none'
						})
				    }
				})
				uni.showLoading({
					title:"正在登录"
				})
				setTimeout(() => {
					uni.switchTab({
						url: '/pages/index/index'
					});
					this.logindisabled=false
					uni.hideLoading()//关闭弹窗
				}, 2000);
                this.login(this.data);   */
				//1.家政直营店是否有添加技师的审核 ：入库记录查询按 渡河或 加盟店才有分销，（技师与加盟店分销）
				//2.商品 出库（出库选择门店） 入库记录
				//1.直营店没有分销管理（技师与后台端分销），加盟店才有分销管理（技师与加盟店分销）
				//2.直营店没有添加技师的权限，加盟店才有；
				//3.直营店、加盟店、是否可以审核家政退款权限。
				//4.技师小程序按市定位显示抢单。
				//5.发布的单加盟店的技师傅是否能抢单。  
				
				//后台派单状态:  未派单(初始)  已派单  
				//     
				//门店派单状态： 未派单(初始)  已派单  
				//
				//技师接单状态：未接单（初始）、拒绝 、接单，
				//
				//订单状态：未接单（默认）、拒绝 、 已经接单、服务中 、已完成
				
				//1.技师未完成处罚: 选择技师——选择处罚的订单——输入处罚金额——。
				//2.用户预约的金额不参与分销，最终结款的金额才参与分销。
				//3.审核退款步骤：用户发起退款——门店同意——总部后台审核同意后扣除10%金额
				
				// 平台派单：未派单、门店派单、技师派单，
				
				
				//1.分销商计算:按月的营业额  分销商百分比 。
				//2.分销商每月的分销是程序自动划入还是人为手动划入。
				
				//分销金审核  字段：8月份、 5000总营业额、分销商01、分销金额，最终分销金额、审核状态 备注。 按钮 8
				
				//营业额查询：月份、总营业额、技师总分销金额、分销商总分销金额。
				// 月等、未来、技师分销总额、
				//接单记录查询显示：接单技师、接单时间、接单状态（已接单、取消接单）、取消时间、取消备注。
				//派单记录：派单门店/技师、平台派单、派单时间、派单结果（拒绝、接单）、备注
				//派单记录：订单号、派单门店/技师、平台派单、派单时间、接单状态（已接单、取消接单、拒绝、未接单）、接单时间、取消时间、取消备注。
				
				//订单号、 预约时间、 服务名称、接单状态（未接单、已接单） 服务状态（待服务、服务中）、接单时间。
				
				
				//：接单状态： 未接单、待服务、服务中、已完成、取消接单、拒绝
				//发布抢单 、预约时间、派单门店、平台派单、接单时间、取消时间、备注、技师总分销商、营业额
				//服务中的也能 取消接单。服务完成：罚款、取消罚款，备注、
				
				//平台分销商金额=(旗下所有门店的月收入相加)x分销商百分比
				//分销商关联门店,那平台的技师也要关联门店 ,技师接的单就记录到所关联的门店,这样就可以算出门店的月收入
				
				//门店物业管理
				
				//技师点击接单      订单状态=已接单  接单状态=待服务
				//技师点击开始服务  订单状态=服务中   接单状态=服务中
				//技师点击服务完成  订单状态=已完成  接单状态=已完成
				//技师点击拒绝     订单状态=未接单    接单状态=拒绝接单
				//技师点击取消单   订单状态=未接单    接单状态=取消接单  
				//
				//本周完成： 
				//1、技师端: 接单设置页面、系统派单页面。
				//2、用户端:商品分类，商品的基本信息，商品购物车、家政详情页面、家政预约确认单。
				//3、后台：派单记录，分销金公式计算、分销商管理、家政物料库存。
				//下周任务：
				//1、技师端的抢单信息页面、导航接口实现；
				//2、后台端的出入库管理、商品保存、技师管理、家政订单管理
				//
				
				
				
            },
			changePassword: function() {
			    this.showPassword = !this.showPassword;
			},
			getopenid(){
				let this_=this
				/* wx.login({
				  success(res) {
				    if (res.code) {
				      wx.request({
				        url: 'https://api.weixin.qq.com/sns/jscode2session',
				        data: {
				          appid: 'wx7e50d3d837c475a8',
				          secret: 'ee1787778a5af1b95cd3a6ee9444f269',
				          js_code: res.code,
				          grant_type: 'authorization_code'
				        },
				        success(re) {
						  this_.openid=re.data.openid
				        }
				      })
				    } else {
				      console.log('登录失败！' + res.errMsg)
				    }
				  }
				}) */
				
			}
        }
    }
	
</script>
<style lang="scss">
    page {
        background: #fff;
    }
    .login {
        .title {
            font-size: 44rpx;
            font-weight: 500;
            text-align: center;
            margin: 240rpx auto 0;
        }
        .input-item {
            width: 700rpx;
            margin: 10rpx auto;
            padding: 0 0 20rpx 0;
            border-bottom: 1px solid rgba(52, 52, 52, 0.2);

            .popup-content-input {
                flex: 1;
            }
            .email-input {
                display: flex;
                .send {
                    width: 160rpx;
                    text-align: center;
                    padding: 8rpx;
                    border-radius: 4rpx;
                    background: linear-gradient(to right, #FEEF3C, #F3CD34);
                }
            }
        }

        .common-button {
			padding: 10px 10px;
            /* width: 680rpx;
            height: 80rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 28rpx;
            border-radius: 10rpx;
            margin: 50rpx auto;
            background: linear-gradient(to right, #FEEF3C, #F3CD34); */
        }
    }
</style>

